{{! -------------------------------------------------------------------------- }}
{{! Copyright 2002-2023, OpenNebula Project, OpenNebula Systems                }}
{{!                                                                            }}
{{! Licensed under the Apache License, Version 2.0 (the "License"); you may    }}
{{! not use this file except in compliance with the License. You may obtain    }}
{{! a copy of the License at                                                   }}
{{!                                                                            }}
{{! http://www.apache.org/licenses/LICENSE-2.0                                 }}
{{!                                                                            }}
{{! Unless required by applicable law or agreed to in writing, software        }}
{{! distributed under the License is distributed on an "AS IS" BASIS,          }}
{{! WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   }}
{{! See the License for the specific language governing permissions and        }}
{{! limitations under the License.                                             }}
{{! -------------------------------------------------------------------------- }}

<div id="{{dialogId}}" class="reveal large" data-reveal>
  <div class="row">
    <div class="large-12 columns">
      <h3 class="subheader" id="">{{tr "Attach new nic"}}</h3>
    </div>
  </div>
  <div class="confirm-resources-header"></div>
  <div class="reveal-body">
    <form id="{{dialogId}}Form" action="">
      <div class="attach_rdp">
        <label>
          <input type="checkbox" id="cb_attach_rdp" style="margin-left: 15px"> {{tr "RDP"}}
        </label>
      </div>
      <div class="attach_alias" style="display: flex; align-items: center; min-height: 50px;">
        <label style="margin-right: 10px;">
          <input type="checkbox" id="cb_attach_alias" style="margin-left: 15px"> {{tr "Attach as an alias"}}
        </label>
        <select id="parent" style="width: 200px; margin-bottom: 0;"></select>
        <br>
      </div>
      <div class="attach_external" style="min-height: 50px;">
        <label>
          <input type="checkbox" id="cb_external" style="margin-left: 15px"> {{tr "Skip network contextualization"}}
                {{{tip (tr "A virtual router can be configured to route SDNAT traffic for this NIC IP address")}}}
        </label>
      </div>
      {{{nicTabHTML}}}
      <div class="reveal-footer">
        <div class="form_buttons">
          <button class="button radius right success" id="attach_nic_button" type="submit" value="VM.attachdisk">{{tr "Attach"}}</button>
        </div>
      </div>
      <button class="close-button" data-close aria-label="{{tr "Close modal"}}" type="button">
        <span aria-hidden="true">&times;</span>
      </button>
    </form>
  </div>
</div>
